body{
    background-position: 0 -30px;
}

main{
    padding: 50px 100px;
}

.text{
    color: #CBE8F9;
    text-shadow: -1px -1px 0 #00AB16, 1px -1px 0 #00AB16, -1px 1px 0 #00AB16, 1px 1px 0 #00AB16;
}

.button{
    border: 1px solid #333;
    padding: 10px 50px;
}

.nav{

}

.nav > div{
    flex: 1;
    border-bottom: 2px solid #DCDCDC;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    color: #777777;
}

.nav-active{
    color: #000;
    background: #fff;
    font-weight: bolder;
    border-bottom: 2px solid #00AB16 !important;
}

.nav > div:hover{
    color: #000;
    background: #fff;
    border-bottom: 2px solid #00AB16 !important;
    opacity: .5;
}

input, textarea{
    border: 1px solid #D6D6D6;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}

input{
    margin-bottom: 10px;
}


button{
    width: 100%;
    padding:  14px 0;
    background: #0084FF;
    border: none;
    color: #fff;
    border-radius: 5px;
}

button:hover{
    opacity: .7;
}
